/* 全局样式 */
.root {
    -fx-background-color: #2b2b2b;
    -fx-font-family: "Microsoft YaHei", "Segoe UI", Arial, sans-serif;
}

/* 标签样式 */
.label {
    -fx-text-fill: #e8e8e8;
    -fx-font-size: 14px;
    -fx-padding: 5 0 5 0;
}

/* 下拉框样式 */
.custom-combo-box {
    -fx-background-color: #3c3f41;
    -fx-text-fill: white;
    -fx-mark-color: #f0f0f0;
    -fx-background-radius: 5;
}

.custom-combo-box .list-cell {
    -fx-background-color: transparent;
    -fx-text-fill: white;
    -fx-padding: 5 10 5 10;
}

.custom-combo-box .list-view {
    -fx-background-color: #3c3f41;
    -fx-background-radius: 5;
}

.custom-combo-box .list-cell:hover {
    -fx-background-color: #4c5052;
}

/* 滑块样式 */
.custom-slider {
    -fx-padding: 10 0 10 0;
}

.custom-slider .track {
    -fx-background-color: #515151;
    -fx-background-radius: 2;
}

.custom-slider .thumb {
    -fx-background-color: #6a9ec5;
    -fx-background-radius: 50;
    -fx-padding: 7;
}

.custom-slider:hover .thumb {
    -fx-background-color: #7bafd4;
}

/* 颜色选择器样式 */
.custom-color-picker {
    -fx-background-color: #3c3f41;
    -fx-background-radius: 5;
}

.custom-color-picker .color-picker-label {
    -fx-text-fill: white;
}

/* 控制面板容器样式 */
.control-panel {
    -fx-background-color: rgba(43, 43, 43, 0.85);
    -fx-background-radius: 10;
    -fx-padding: 15;
    -fx-spacing: 10;
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.4), 10, 0, 0, 0);
}

/* 分隔线样式 */
.separator {
    -fx-background-color: #515151;
}

/* 动画效果 */
.custom-combo-box,
.custom-slider .thumb,
.custom-color-picker {
    -fx-transition: -fx-background-color 0.2s ease-in-out;
}

/* 鼠标悬停效果 */
.custom-combo-box:hover,
.custom-color-picker:hover {
    -fx-background-color: #4c5052;
}